<!DOCTYPE html>
<html>
<head>
  <style>
    body { font-family: sans-serif; margin: 50px }
    h1 { font-size: 65px }
    dl { margin-left: 50px; float: left }
    dt { font-weight: bold }
    dt, dd { padding-top: 20px; padding-right: 40px; font-size: 30px }
    h1 { text-align: center; z-index: 1 }
    img { position: relative; top: -70px; z-index: -1 }
  </style>
</head>
<body>
  <h1>tinyurl.com/bootcampgeo</h1>

  <dl>
      <dt>API Playground</td>
      <dd>tinyurl.com/playmap</td>
      <dt>Code examples</td>
      <dd>tinyurl.com/v3examples</td>
      <dt>Maps API Reference</td>
      <dd>tinyurl.com/v3ref</td>
  </dl>
  <img class="sign-code" src="https://chart.googleapis.com/chart?chs=500x500&cht=qr&chl=www.speakermeter.com/talks/maps-api-google-earth/&choe=UTF-8">
</body>
</html>
